<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

	<head>
		<link rel="shortcut icon" type="image/x-icon" th:href="@{/img/details.png}">
		<meta charset="UTF-8">
		<title>商品详情</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/swiper-4.3.5.min.css}" href="css/swiper-4.3.5.min.css"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/reset.css}" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/goods-details2.css}" href="css/goods-details2.css"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/head.css}" href="css/head.css" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/reset.css}"  href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/footer.css}" href="css/footer.css"/>
	</head>

	<body>
		<div th:replace="head::topbar"></div>
			
		</div>
		<div class="box_container">
			
		
		<div class="container">
			<div class="goods-list">
				<a href="index.html">首页</a>
				<p class="pict"><img height="12" th:src="@{/img/xbt-4_03.png}" /></p>
				<span class="fz">鞋包配饰</span>
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="#"><img th:src="@{/img/img-34.jpg}" /></a>
					</div>
					<div class="swiper-slide">
						<a href="#"><img th:src="@{/img/img-35.jpg}" /></a>
					</div>
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
				<!-- Add Pagination -->
				<div class="swiper-pagination active"></div>
			</div>
			
			<div class="goodsArea">
				<div class="goodsStor">
					<span>分类：</span>
					<div class="category">
						<a href="#" class="categoryItem ">全部</a>
						<a href="#item1" class="categoryItem">行李箱</a>
						<a href="#item2" class="categoryItem">女士包袋</a>
						<a href="#item3" class="categoryItem">男士包袋</a>
						<a href="#item4" class="categoryItem">钱包及小皮件</a>
						<a href="#item5" class="categoryItem">女鞋</a>
						<a href="#item6" class="categoryItem ">男鞋</a>
						<a href="#item7" class="categoryItem">拖鞋</a>
						<a href="#item8" class="categoryItem">鞋配</a>
						<a href="#item9" class="categoryItem">袜子</a>
						<a href="#item10" class="categoryItem">丝袜</a>
						<a href="#item11" class="categoryItem">首饰</a>
						<a href="#item12" class="categoryItem">围巾件套</a>
						<a href="#item13" class="categoryItem">配件</a>
						<a href="#item14" class="categoryItem">眼镜</a>
					</div>
				</div>
				<div class="area">
					<span>配送地区：</span>
					<div class="category">
						<a href="#" class="categoryItem ">全部</a>
						<a href="#item8" class="categoryItem">香港</a>
						<a href="#item9" class="categoryItem">澳门</a>
						<a href="#item10" class="categoryItem">台湾</a>
						<a href="#item11" class="categoryItem">日韩</a>
						<a href="#item12" class="categoryItem">亚洲</a>
						<a href="#item13" class="categoryItem">欧洲</a>
						<a href="#item14" class="categoryItem">美洲</a>
					</div>
				</div>
				<div class="stors">
					<span>排序:</span>
					<div class="category">
						<a href="#" class="categoryItem">默认</a>
						<a href="#" class="categoryItem">价格
							<div class="icon">
								<img class="priceUp" th:src="@{/img/xbt-3_07.png}" />
								<img class="priceDown" th:src="@{/img/xbt-3_08.png}" />
							</div>
						</a>
						<a href="#" class="categoryItem">上架时间</a>
					</div>
				</div>
			</div>
			<div class="content-category">
				<div class="content-title">
					
						<p><span class="name" id="item1">行李箱</span></p>
		
					<p class="desc">带着梦想即刻出发</p>
				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-36.png}" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">20寸 纯PC迷彩登机箱</a></span>
						</div>
						<p class="price">￥439</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>时尚迷彩印花 出行格调由你</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-37.png}" /></a>
						</div>
						
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">20寸 纯PC大理石纹登机箱</a></span>
						</div>
						<p class="price">￥439</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>时尚大理石纹 出行格调由你</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-38.png}" /></a>
						</div>
						<div class="colorNum">
							<span>5色可选</span>
						</div>
						<div class="prdtTags">
							<span>特价</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">20寸 纯PC铝框纹登机箱</a></span>
						</div>
						<p class="price">￥468
							<span>￥669</span>
						</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>40升适中容量 独特星空效果</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-39.png}" /></a>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">24寸原创山海经PC铝框纹登机箱</a></span>
						</div>
						<p class="price">￥539</p>
						<div style="width: 245px;" class="behoof">
							<div class="bar">

							</div>
							<p class="fz-omit">与众不同 原创设计山海经箱面</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-40.png}" /></a>
						</div>
						<div class="colorNum">
							<span>2色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="#">17寸全铝镁合金登机箱</a></span>
						</div>
						<p class="price">￥699</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>100%铝镁合金 坚固抗冲</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-41.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">20寸英伦骑士纯PC横纹登机箱</a></span>
						</div>
						<p class="price">￥369</p>
						<div style="width: 245px;" class="behoof">
							<div class="bar">

							</div>
							<p class="fz-omit">小巧尺寸，33升轻松出行</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-42.png}" /></a>
						</div>
						<div class="colorNum">
							<span>9色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">20寸 纯PC“铝框”（非全铝）登机箱</a></span>
						</div>
						<p class="price">￥349</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>40升适中容量，铝质包角，牢固抗摔</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-43.png}" /></a>
						</div>
						<div class="colorNum">
							<span>9色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">24寸 纯PC“铝框”（非全铝）拉杆箱</a></span>
						</div>
						<p class="price">￥369</p>
						<div style="width: 245px;" class="behoof">
							<div class="bar">

							</div>
							<p class="fz-omit">71升容量升级，灵活出行</p>
						</div>
					</li>

				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item2">女士包袋</span></p>
				
					<p class="desc">包里装着你的整个世界</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-44.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-45.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-46.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-47.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-49.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-48.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-50.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-51.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item3">男士包袋</span></p>
				
					<p class="desc">懂你的责任也更懂你</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-52.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-53.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-54.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-55.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-56.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-57.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-58.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-59.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item4">钱包及小皮件</span></p>
				
					<p class="desc">握在手中的精致</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-60.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-61.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-62.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-63.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-64.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-65.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-66.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-67.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item5">女鞋</span></p>
				
					<p class="desc">给你行走的力量</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-68.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-69.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-70.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-71.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-72.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-73.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-74.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-75.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item6">男鞋</span></p>
				
					<p class="desc">匠心打造，轻潮舒适</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-76.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-77.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-78.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-79.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-80.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-81.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-82.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-83.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item7">拖鞋</span></p>
				
					<p class="desc">慵懒休闲时光，轻松惬意生活</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-84.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-85.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-86.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-87.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-88.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-89.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-90.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-91.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item8">鞋配</span></p>
				
					<p class="desc">呵护双脚，驱散行走的压力</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-92.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-93.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-94.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="#"><img class="tran5" width="256" th:src="@{/img/img-95.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-96.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-97.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item9">袜子</span></p>
				
					<p class="desc">始于足下的品质生活</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-98.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-99.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-100.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-101.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-102.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-103.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-104.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-105.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item10">丝袜</span></p>
				
					<p class="desc">犹如你腿部的第二层肌肤</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-106.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-107.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-108.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-109.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-110.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-111.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-112.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-113.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item11">首饰</span></p>
				
					<p class="desc">与众不同的点睛之笔</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-114.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-115.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-116.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-117.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html#">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-118.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-119.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-120.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-121.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item12">围巾件套</span></p>
				
					<p class="desc">戴上它，你的造型才完整</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-122.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-123.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-124.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-125.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-126.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-127.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-128.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-129.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item13">配件</span></p>
				
					<p class="desc">匠心雕琢细节，细节彰显品位</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-130.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-131.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-132.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-133.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-category">
				<div class="content-title">
					<p>
						<span class="name" id="item14">眼镜</span></p>
				
					<p class="desc">你和潮流之间就差一个我</p>

				</div>
				<ul class="itemList clearfix">
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-134.png}" /></a>
						</div>
					
						<div class="prdtTags">
							<span>APP特惠</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮纤薄双层公文包</a></span>
						</div>
						<p class="price">￥599</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>细腻粒面牛皮，纤薄设计减轻负重</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-135.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">轻薄款休闲通勤手提包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>美观实用 可放14寸电脑的通勤包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-136.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖涂层织物双肩包</a></span>
						</div>
						<p class="price">￥269</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>科技感双肩包 防泼水处理</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="#"><img class="tran5" width="256" th:src="@{/img/img-137.png}" /></a>
						</div>
						
						<div class="prdtTags">
							<span>满额减</span>
						</div>
						<div class="name1">
							<span><a href="goods-details.html">多功能数码双肩包</a></span>
						</div>
						<p class="price">￥339</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>12个收纳位，数码产品合理置物</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-138.png}" /></a>
						</div>
						<div class="colorNum">
							<span>3色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣马鞍包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>复古也时尚 经典马鞍包</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-139.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">牛皮方形锁扣手提包</a></span>
						</div>
						<p class="price">￥499</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻复古 梯形利落包身</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-140.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.html">翻盖锁扣斜挎包</a></span>
						</div>
						<p class="price">￥399</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>轻盈小巧 手拿的优雅</p>
						</div>
					</li>
					<li class="item fl">
						<div class="head">
							<a href="goods-details.html"><img class="tran5" width="256" th:src="@{/img/img-141.png}" /></a>
						</div>
						<div class="colorNum">
							<span>4色可选</span>
						</div>
						<div class="prdtTags1">

						</div>
						<div class="name1">
							<span><a href="goods-details.htmlsss">不对称牛皮斜挎包</a></span>
						</div>
						<p class="price">￥469</p>
						<div class="behoof">
							<div class="bar">

							</div>
							<p>耐看好搭 不对称的风琴包</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		</div>
		<div th:replace="footer::#footbar"></div>

		<script th:src="@{/js/jquery-3.3.1.min.js}" src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/swiper-4.3.5.min.js}" src="js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/jquery1.42.min.js}" src="js/jquery1.42.min.js" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/jquery.SuperSlide.2.1.1.js}" src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				//底部侧边栏关闭
				$(".icon-sidebarx").click(function() {
					$(this).parents(".sidebar-b-bac").remove();
				});
				//右边侧边栏关闭
				$(".icon-subx").click(function() {
					$(this).parents(".sub-list").css("display", "none");
				});
				//右边hover弹窗input隐藏出现
				$(".sub-inputbox").click(function() {
					$(this).prev(".icon-inputx").css("opacity", 1);
				});
				//下拉到200px侧边栏出现回到顶部且导航栏出现，上啦消失，且导航栏消失
				$(window).scroll(function() {
					var top = $(document).scrollTop();
					if(top > 200) {
						$(".sidebar-r-totop").css({
							display: 'block'
						});
						$(".navigation-fix").slideDown();
					} else {
						$(".sidebar-r-totop").css({
							display: 'none'
						});
						$(".navigation-fix").slideUp();
					}
				});
				//点击回到顶部，回到顶部
				$(".sidebar-r-totop").click(function() {
					$("html,body").animate({
						scrollTop: 0
					}, 500);
				});

			})
		</script>

		<script type="text/javascript">
			jQuery(".swiper-wrapper").slide({mainCell:".swiper-slide",autoPlay:true});
			var swiper = new Swiper('.swiper-container', {
				pagination: {
					el: '.swiper-pagination',
				},

				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
		</script>
	</body>

</html>